<template>
	
	<view class="container">
		
		<view class="messageBox">
			<view class="maessage-item">
				<view class="name f34 c333">系统提示</view>
				<view class="time f28 c666">2018年8月19日 17:20</view>
				<view class="text f28 c666">
					你预定的“巴黎酒店”提供早餐。早餐时间为7:30 —9:30。同时备有常用医用物品，详情请于前台联 系！
				</view>	
			</view>
			
			<view class="maessage-item">
				<view class="name f34 c333">系统提示</view>
				<view class="time f28 c666">2018年8月19日 17:20</view>
				<view class="text f28 c666">
					你预定的“巴黎酒店”提供早餐。早餐时间为7:30 —9:30。同时备有常用医用物品，详情请于前台联 系！
				</view>	
			</view>
			
			<view class="maessage-item">
				<view class="name f34 c333">系统提示</view>
				<view class="time f28 c666">2018年8月19日 17:20</view>
				<view class="text f28 c666">
					你预定的“巴黎酒店”提供早餐。早餐时间为7:30 —9:30。同时备有常用医用物品，详情请于前台联 系！
				</view>	
			</view>
			
		</view>
		
		
		
	</view>
</template>

<script>
</script>

<style lang="scss">
	page{
		background-color: #F7F4F8;
	}
	.messageBox{
		padding: 30upx;
		.maessage-item{
			background-color: $white-background;
			padding: 25upx 25upx 30upx 25upx;
			border-radius: 10upx;
			margin-bottom: 20upx;
			.name{
				margin-bottom: 20upx;
			}
			.time{
				margin-bottom: 10upx;
			}
		}
	}
</style>
